<%- include('../../subs/header.html', {
css: ['demo/01']
})%>

<div class="demo01">
    <h2>toastr</h2>
    <p>这是demo01的内容</p>

    <h2>fly</h2>
    <div id="flyDemo">
        <p>点击图片查看购物车抛物线效果</p>
        <div>
            <img src="../assets/img/walk.png" width="300" height="157" />
        </div>
        <div class="cart">
            <span>购物车</span>
        </div>
    </div>

    <h2>iCheck</h2>
    <div><input type="checkbox" icheck-name="check"> 全选</div>
    <ul>
        <li><input type="checkbox" icheck-name="check_1">1</li>
        <li><input type="checkbox" icheck-name="check_2">2</li>
        <li><input type="checkbox" icheck-name="check_3">3</li>
        <li><input type="checkbox" icheck-name="check_4">4</li>
    </ul>

    <h2>YMDClass</h2>
    <select name="year"></select>
    <select name="month"></select>
    <select name="day"></select>

    <h2>distpicker</h2>
    <div id="dist">
        <select></select>
        <select></select>
        <select></select>
    </div>

    <h2>upload</h2>
    <input type="file" id="uploading">

    <br>

    <h2>cache</h2>
    <button id="cacheBtn1">localStorage</button><br><br>
    <button id="cacheBtn2">sessionStorage</button><br><br>
    <button id="cacheBtn3">cookie</button>

    <h2>pages</h2>
    <div class="pages"></div>
</div>

<%- include('../../subs/footer.html', {
js: ['demo/01']
}) %>